@font-face {
	font-family: sure-sf;
	src: url('../fonts/SF-UI-Text-Light.otf');
}


/*html{
	font-family: "SF UI TEXT";
}*/

p,
h1,
h2,
h3,
h4,
h5,
h6,
h1 + h2 {
	margin: 0;
	padding: 0;
	font-family: sure-sf;
}

ion-content{
	background: #222222;
}

.pane, .view{
	background: #222222;
}

.bar-header {
	height: 4.906666rem;
	background: url(../../images/index_bar.png) repeat-x;
	background-size: 100% 100%;
	padding: 0;
	position: relative;
}

.bar-subheader {
	height: 22rem;
	/*top: 5.245624rem;*/
	top: 4.906666rem;
}
.bar .title{
	margin: 0;
	height: 4.906666rem;
	line-height: 4.906666rem;
	font-size: 1.61rem;
}
.has-header {
	/*top: 5.245624rem;*/
	top: 4.906666rem;
}

.has-subheader {
	/*top: 27.245624rem;*/
	top: 26.906666rem;
}

.has-tabs,
.bar-footer.has-tabs {
	bottom: 5.519999rem;
}

.has-footer {
	bottom: 5.519999rem;
}

.item {
	padding: 0;
}

#foot-bar {
	/*opacity: .9;*/
}

#foot-bar .tabs {
	background: url(../../images/foot_bar.png) repeat-x;
	background-size: 100% 100%;
	height: 5.519999rem;
	padding-top: 0;
}

#foot-bar .tabs .icon {
	height: 2.759999rem;
	line-height: 2.759999rem;
	margin: 0.689999994rem 0 0 0;
	font-size: 2.2rem;
}

#foot-bar .tab-item {
	font-size: 1.25rem;
	color: #7b7b7b;
	opacity: 1;
}

#foot-bar .tab-item-active {
	color: #f6e400;
}

#foot-bar .tab-title {
	display: block;
	height: 1.226666rem;
	line-height: 1.226666rem;
	margin: 0.191666rem 0 0 0;
	font-weight: bolder;
}

/*.iconfont {
	margin: 0 0.38rem 0 0;
}*/
.iconfont{
	font-size: 2rem;
}
.icon-yuanchuang{
	font-size: 1.5rem;
}
.icon-fenxiang{
	font-size: 24rem;
}
#article-evaluate-foot .col-50 .iconfont{
	font-size: 1.5rem;
	margin: 0 0.38rem 0 0;
}
/*index*/

#index_wrap .slider-pager {
	height: 2.146666rem;
	opacity: .8;
	bottom: 0;
}

#index_wrap .slider-pager .slider-pager-page {
	margin: .45rem 3px;
	color: #727272;
}

#index_wrap .slider-pager .slider-pager-page.active {
	color: #f6e400;
}

#index_wrap .bar-header .current,
.stab-scroll .current {
	background: #000000;
	border-radius: 6px;
	color: #e3d100;
	padding: .25rem 0;
}

#index_wrap .bar-header .col-15 {
	padding: .5rem 0;
	margin: 0 0.8rem 0 0;
	font-size: 1.8rem;
}

#index_wrap .item,
#product-wrap .item,
#article-wrap .item {
	margin: 0.1rem 0.30666rem;
	background: url(../../images/item_bg.png) repeat-x;
	background-size: 100% 100%;
	padding: 0 16px;
	border: none;
}

#index_wrap a.item img,
#product-wrap a.item img {
	padding: 1px;
	border-radius: 1.5rem;
	border: 1px solid #404040;
	background: #000000;
}

#index_wrap #home_av,
#product-wrap #slider {
	height: 19.55rem;
}


/*#index_wrap h2,
#product-wrap h2 {
	margin: 1.38rem 0 0 0;
	color: #ececec;
	font-size: 1.686666rem;
	font-family: "微软雅黑";
	font-weight: 500;
}*/


/*#index_wrap p,
#product-wrap p {
	margin: 0.5rem 0 0 0;
	height: 3.8rem;
	white-space: normal;
	font-size: 1.53rem;
	color: #bcbaba;
	text-align: justify;
	line-height: 1.92rem;
}*/


/*#index_wrap .col-50,
#product-wrap .col-50 {
	color: #bcbaba;
	font-size: 1.53rem;
}*/

#index_wrap .col-50 i {
	margin: 0 .25rem 0 0;
}

#index_wrap .col-50 .icon-dianji {
	margin: 0;
}

#index_wrap .item-thumbnail-left > img:first-child {
	top: 0.84rem;
	left: 1.23rem;
	max-width: 9.05rem;
	max-height: 9.05rem;
}

#index_wrap .item-thumbnail-left {
	padding-left: 11.88rem;
	min-height: 10.81rem;
}


/*article*/

#article-wrap {
	width: 100%;
	overflow: hidden;
}

#article-wrap .title {
	position: relative;
	margin: 2.759999rem 0 0 0;
	overflow: hidden;
}

#article-wrap .title-white-bar {
	width: 0.268333rem;
	height: 4.2549999963rem;
	float: left;
	background: url(../../images/article_long_bar.png) no-repeat;
	background-size: 100% 100%;
}

#article-wrap .title-yellow-bar {
	width: 0.268333rem;
	position: absolute;
	background: url(../../images/article_long_bar.png) no-repeat;
	background-size: 100% 100%;
}

#article-wrap .title-content {
	width: 100%;
	float: left;
	margin-top: -0.25rem;
	padding-left: 1.456666rem;
	padding-right: 1.609999rem;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 2.15rem;
	line-height: 2.6rem;
	text-align: justify;
	overflow: hidden;
}

#article-wrap .title-second {
	float: left;
	font-size: 1.763333rem;
	color: #FFFFFF;
	margin-top: 0.92rem;
	padding-left: 1.456666rem;
	padding-right: 1.609999rem;
	text-align: justify;
	text-justify: inter-ideograph;
}


/*#article-wrap img {
	width: 100%;
	margin: 1.92rem 0 0 0;
}*/


/*#article-wrap p {
	color: #d5d5d5;
	line-height: 2.76rem;
	text-align: justify;
	margin: 1.5rem 0;
	padding: 0 1.073333rem;
	font-size: 1.763333rem;
	font-weight: normal;
}*/


/*.article-detials {
	padding: 0 1.073333rem;
	color: #838383;
}*/


/*#article-wrap p:first-child {
	margin: 4.22rem 0 0 0;
}*/

#article-wrap .author {
	height: 1.53rem;
	color: #9e9e9e;
	font-size: 1.46rem;
	margin: 1.07rem 0 3.29rem 0.27rem;
	padding: 0 1.07rem;
}


/*#article-wrap .introduction h1 {
	font-size: 1.84rem;
	padding: 0 1.07rem;
	color: #D5D5D5;
	font-weight: bold;
}

#article-wrap .introduction h2 {
	font-size: 1.76rem;
	margin: 1.76rem 0;
	padding: 0 1.07rem;
	color: #D5D5D5;
	font-weight: bold;
}*/

#article-wrap .original h2 {
	font-size: 1.30rem;
	padding: 0 1.07rem;
	color: #898888;
	font-weight: bold;
	line-height: 1.53rem;
	margin: 2.53rem 0 1.38rem 0;
}

#article-evaluate-foot.tabs {
	background-color: #171717;
	background-image: none;
	color: #b0b0b0;
	height: 5.51rem;
	line-height: 5.51rem;
}

#article-evaluate-foot.tabs .line {
	width: 1px;
	height: 40%;
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(../../images/foot-tab-line.png) no-repeat;
	background-size: 100% 100%;
}

#article-evaluate-foot .tab-item {
	opacity: 1;
	font-size: 1.533333rem;
	max-width: 100%;
}


/*product*/

#product-wrap {
	background: #292929;
}

#product-wrap .slider-slides {
	height: 27.599999rem;
}

#product-wrap .slider-pager {
	bottom: 0.5366666rem;
}

#product-wrap .slider-slides img {
	width: 100%;
}

#product-wrap .slider-pager .slider-pager-page {
	font-size: 16px;
	/*	border: 1px solid #000000;	*/
}

#product-wrap .slider-pager .slider-pager-page.active {
	color: #f6e400;
}

/*#product-wrap h1 {
	font-size: 1.99rem;
	color: #FFFFFF;
	line-height: 2.3rem;
}*/

#product-wrap .title {
	position: relative;
	margin: 4.06rem 0 1.42rem 0;
}

#product-wrap .price {
	margin: 0 0 1.92rem 1.04rem;
	color: #bcbaba;
	font-size: 1.53rem;
}

#product-wrap .desire {
	margin: 0 0 3.18rem 1.04rem;
	color: #bcbaba;
}

#product-wrap .desire .col-30 {
	color: #848484;
	font-size: 1.46rem;
	border: 2px solid #6a6a6a;
	border-radius: 4px;
	margin: 0 0.84rem 0 0;
	padding: 0.6rem 3.07rem 0.31rem 3.07rem;
}

#product-wrap .desire .col-30 p {
	margin: auto;
	height: auto;
	color: #848484;
}

#product-wrap .desire .current {
	color: #bfb10b;
	border: 2px solid #bfb10b;
}

#product-wrap .desire .current p {
	color: #bfb10b;
}

#product-wrap .title-white-bar,
#article-wrap .title-white-bar {
	width: 0.268rem;
	height: 4.255rem;
	background: url(../../images/white_long_bar.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
}

#product-wrap .title-yellow-bar,
#article-wrap .title-yellow-bar {
	width: 0.268rem;
	height: 4.255rem;
	background: url(../../images/yellow_long_bar.png) no-repeat;
	background-size: 100% 100%;
}

#product-wrap .title-line,
#article-wrap .title-line {
	width: 31.816666rem;
	height: 0.229999rem;
	background: url(../../images/product_title_line.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	margin: auto;
	top: 0.919999rem;
	right: 0;
}


/*#product-wrap .title-short-line,
#article-wrap .title-short-line {
	width: 23.421646rem;
	height: 0.229999rem;
	background: url(../../images/product_title_short_line.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	margin: auto;
	top: 0.919999rem;
	left: 0;
	right: 0;
}*/

/*#product-wrap h1 {
	margin: -0.4rem 0 0 0.766666rem;
	font-size: 1.993333rem;
	color: #FFFFFF;
	line-height: 2.4rem;
}*/


/*#product-wrap h2,
#article-wrap h2 {
	margin: -0.3rem 0 0 0.766666rem;
	font-size: 1.763333rem;
	color: #FFFFFF;
	line-height: 2rem;
}*/

#product-wrap h3,
#article-wrap h3 {
	font-size: 1.379999rem;
	color: #f6e400;
	line-height: 2rem;
	position: absolute;
	margin: auto;
	top: -0.3rem;
	right: 0.99rem;
}

#product-menu-tabs {
	position: relative;
	background: transparent;
	height: 3.449999rem;
}

#product-menu-tabs .tab-item {
	width: 13.186665rem;
	font-size: 1.993333rem;
	color: #e8e8ea;
	background: url(../../images/product_menu_tabs.png) no-repeat;
	background-size: 100% 100%;
	line-height: 3.449999rem;
}

#product-menu-tabs .tab-item:first-child {
	background-position: -0.3rem 0;
	text-indent: -0.3rem;
}

#product-menu-tabs .tab-item-active {
	color: #454547;
	background: url(../../images/product_menu_actived.png) no-repeat;
	background-size: 100% 100%;
}

#product-evaluate {
	width: 100%;
	height: auto;
	background: #e8e8ea;
	position: relative;
	padding: 0 0 4rem 0;
}

#product-evaluate h1 {
	width: 100%;
	color: #454547;
	font-size: 1.763333318rem;
	margin-top: 3.143333rem;
	margin-left: 2.606666rem;
}

#product-evaluate hr {
	width: 29.669999742rem;
	position: absolute;
	margin: auto;
	top: 4.29666666638rem;
	left: 9.566666rem;
	right: 0;
}

#product-evaluate h2 {
	margin-top: 1.073333rem;
	margin-left: 2.606666rem;
	padding-right: .9rem;
	font-size: 1.456666rem;
	color: #454547;
	text-align: justify;
}

#product-evaluate-foot.tabs {
	background-color: #171717;
	background-image: none;
	color: #b0b0b0;
	height: 5.519999rem;
	line-height: 5.519999rem;
}

#product-evaluate-foot .tab-item {
	opacity: 1;
	font-size: 1.533333rem;
}


/*关联信息*/
/*
#relation .title {
	position: relative;
	margin: 4.06rem 0 1.42rem 0;
}

#relation .title h2,
#rank .title h2 {
	margin: 0 0 0 1.42rem;
}

#relation h2,
#rank h2 {
	margin: 1.15rem 0 0 0;
	color: #ececec;
	font-size: 1.686666rem;
	font-family: "微软雅黑";
	font-weight: 500;
}

#relation h3,
#rank h3 {
	font-size: 1.379999rem;
	color: #f6e400;
	line-height: 2rem;
	position: absolute;
	margin: auto;
	top: 0;
	right: 1.226666rem;
}

#relation h4,
#rank h4 {
	margin: 2.3rem 0 1.23rem 0;
	color: #ececec;
	font-size: 1.69rem;
	font-family: "微软雅黑";
	font-weight: 500;
	white-space: normal;
	line-height: 1.95rem;
}

#relation p,
#rank p {
	margin: 0.5rem 0 0.42rem 0;
	padding: 0;
	height: 3.8rem;
	white-space: normal;
	font-size: 1.38rem;
	color: #bcbaba;
	text-align: justify;
	line-height: 1.92rem;
}

#relation img,
#rank img {
	margin: 0;
	top: 0.84rem;
	left: 1.23rem;
	max-width: 9.05rem;
	max-height: 9.05rem;
}

#relation .item-avatar img,
#rank .item-avatar img {
	max-width: 6.44rem;
	max-height: 6.44rem;
	top: 1.92rem;
	left: 2.76rem;
}

#relation .item-avatar h2,
#rank .item-avatar h2 {
	font-size: 1.23rem;
}

#relation .item-avatar h4,
#rank .item-avatar h4 {
	margin: 0.46rem 0 0 0;
	font-size: 1.07rem;
}

#relation .item-avatar p,
#rank .item-avatar p {
	font-size: 1.61rem;
	line-height: 2.07rem;
}

#relation .col-25 {
	color: #606060;
	font-size: 1.46rem;
}

#relation .blue {
	background: #00479d;
	border-radius: 2px;
	color: #FFFFFF;
	margin: 0 1rem 0 0;
	font-size: 1.46rem;
	font-weight: 500;
}

#relation .red {
	background: #e60012;
	border-radius: 2px;
	color: #FFFFFF;
	margin: 0 1rem 0 0;
	font-size: 1.46rem;
	font-weight: 500;
}

#relation .col-50,
#rank .col-50 {
	color: #bcbaba;
	font-size: 1.53rem;
}

#relation .title-bar,
#rank .title-bar {
	width: 0.23rem;
	height: 1.65rem;
	background: url(../../images/yellow_bar.jpg) no-repeat;
	background-size: 100% 100%;
}

#relation .item,
#rank .item {
	border-color: #353535;
	margin: 0.35rem 0.30666rem;
	border: none;
	background: url(../../images/item_bg.png) repeat-x;
	background-size: 100% 100%;
	padding: 0 16px;
}

#relation .item-thumbnail-left > img:first-child,
#rank .item-thumbnail-left > img:first-child {
	top: 0.84rem;
	left: 1.23rem;
	max-width: 9.05rem;
	max-height: 9.05rem;
}

#relation a.item img,
#rank a.item img {
	padding: 1px;
	border-radius: 1.5rem;
	border: 1px solid #404040;
	background: #000000;
}

#relation .item-thumbnail-left,
#relation .item-thumbnail-left .item-content,
#rank .item-thumbnail-left,
#rank .item-thumbnail-left .item-content {
	padding-left: 11.88rem;
	min-width: 100%;
	min-height: 10.81rem;
}*/


/*#relation .title-short-line {
	width: 23.421646rem;
	height: 0.229999rem;
	background: url(../../images/product_title_short_line.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	margin: auto;
	top: 0.919999rem;
	left: 0;
	right: 0;
}*/
/*
#relation .list .item,
#rank .list .item {
	padding-left: 11.88rem;
	min-height: 10.81rem;
	margin: 0.13rem 0.30666rem;
}

#relation .list .item img,
#rank .list .item img {
	border-radius: 50%;
}*/

#rank h4 {
	color: #cacaca;
	font-weight: bolder;
	margin: 1.53rem 0 0.69rem 0;
	padding: 0 4.14rem 0 0;
}

#rank.marklist h4 {
	margin: 1.53rem 0;
}

#rank .col-25 {
	color: #716f6f;
}

#rank .col-30 {
	color: #716f6f;
	font-size: 1.46rem;
	border: 2px solid #6a6a6a;
	border-radius: 4px;
	margin: 0 0.84rem 0 0;
	padding: 0.76rem 1.03rem 0.76rem 0.76rem;
}

#rank .current {
	border: 2px solid #bdb00a;
	color: #bdb00a;
}


/*排行榜*/

#marklist-wrap #rank-bar-line {
	left: auto;
}

#brandPro-wrap #rank-bar-line {
	left: auto;
}

#brandPro-wrap {
	border-bottom: 1px solid #f6e400;
}

#brandPro-wrap a.current {
	border-bottom: 2px solid #f6e400;
}

#brandPro-wrap .button.current {
	border-bottom: 2px solid #f6e400;
}


/*大图，视频列表*/


/*#img-vedio-wrap img {
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
}

#img-vedio-wrap .img-wrap {
	width: 100%;
	height: auto;
	padding: 0;
	border: none;
}

#img-vedio-wrap .list {
	padding: 0;
}

.video #img-vedio-wrap .item {
	border: none;
}

#img-vedio-wrap .item {
	margin: 0 0 3.53rem 0;
	padding: 0 0 1.38rem 0;
	border-bottom: 1px solid #404040;
	background: #252525;
}

#img-vedio-wrap a.item img {
	padding: 0;
	border-radius: 0;
	border: none;
	width: 100%;
	height: auto;
}

#img-vedio-wrap .title-wrap {
	width: 100%;
	position: relative;
	overflow: hidden;
	margin: 1.03rem 0 0 0;
}

#img-vedio-wrap .title-bar {
	width: 0.229rem;
	height: 1.65rem;
	background: url(../../images/yellow_bar.jpg) no-repeat;
	background-size: 100% 100%;
	float: left;
}

#img-vedio-wrap .title {
	position: relative;
	margin: 2.759999rem 0 0 0;
	overflow: hidden;
}

#img-vedio-wrap .title-white-bar {
	width: 0.268333rem;
	height: 4.2549999963rem;
	float: left;
	background: url(../../images/article_long_bar.png) no-repeat;
	background-size: 100% 100%;
}

#img-vedio-wrap .title-yellow-bar {
	width: 0.268333rem;
	height: 4.255rem;
	position: absolute;
	background: url(../../images/article_long_bar.png) no-repeat;
	background-size: 100% 100%;
}

#img-vedio-wrap .title-content {
	float: left;
	padding: 0 1.609999rem 0 1.76rem;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1.76rem;
	line-height: 1.76rem;
	text-align: justify;
	overflow: hidden;
}

#img-vedio-wrap .title-second {
	float: left;
	font-size: 1.763333rem;
	color: #FFFFFF;
	margin-top: 0.92rem;
	padding-left: 1.456666rem;
	padding-right: 1.609999rem;
	text-align: justify;
	text-justify: inter-ideograph;
}

#img-vedio-wrap .video-title {
	width: 99%;
	color: #FFFFFF;
	font-size: 1.76rem;
	float: left;
	padding: 0 1.46rem;
}

#img-vedio-wrap .content-wrap p {
	color: #FFFFFF;
	padding-left: 1.72rem;
	padding-right: 0.77rem;
	margin: 0.84rem 0 0.92rem 0;
	font-size: 1.38rem;
	line-height: 1.92rem;
	height: auto;
}

#img-vedio-wrap .detials-wrap {
	color: #838383;
	font-size: 1.23rem;
	line-height: 1.61rem;
	padding: 0 0.99rem 0 1.76rem;
}

#img-vedio-wrap .detials-wrap .iconfont {
	font-size: 1.23rem;
}*/


/*筛选*/

.title-wrap {
	width: 100%;
	height: auto;
	overflow: hidden;
	color: #e8e8ea;
	font-weight: bolder;
	font-size: 1.76rem;
	position: relative;
	margin: 1.38rem 0;
}

.title-wrap .title-bar {
	width: 0.229rem;
	height: 1.65rem;
	background: url(../../images/yellow_bar.jpg) no-repeat;
	background-size: 100% 100%;
	float: left;
}

.title-wrap .title-content {
	margin: 0 0 0 1.92rem;
}

.title-wrap .title-line {
	width: 35.5rem;
	height: 1px;
	background: url(../../images/search_pro_line.jpg) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	margin: auto;
	top: 0;
	right: 0.38rem;
	bottom: 0;
}

.sort {
	text-align: center;
}

.sort ul {
	margin: 0 0 0 1.92rem;
	overflow: hidden;
}

.sort li {
	width: 8.43rem;
	height: 3.68rem;
	background: #373737;
	border-radius: .25rem;
	line-height: 3.68rem;
	float: left;
	margin: 0 1.07rem 0.77rem 0;
	color: #6d6d6d;
	font-size: 1.46rem;
}

.sort li.current {
	background: #e6d600;
	color: #000000;
}


/*多维度*/

#canvas {
	position: absolute;
	margin: auto;
	/*top: 0;*/
	left: 0;
	right: 0;
	bottom: 9.12rem;
}

#vedio-thumb-wrap {
	width: 100%;
	height: 23.31rem;
	background: url(../../images/video_thumb.jpg) no-repeat;
	background-size: 100% 100%;
}


/*顶部导航滚动*/

.stab-scroll {
	display: block;
	overflow-x: scroll;
	white-space: nowrap;
	vertical-align: top;
	text-align: left;
	position: relative;
	left: 0;
}

.filter-menu {
	overflow: hidden;
	margin: 0;
	width: 520px;
	/*width: 100%;*/
}

.filter-menu li:first-child {
	margin-left: 2.76rem;
	/*margin-left: 1.75rem;*/
}

.filter-menu .menu-item {
	width: 4.79rem;
	/*width: 12%;*/
	display: inline-block;
	font-size: 1.84rem;
	text-align: center;
	list-style: none;
	vertical-align: middle;
	margin: 0 1.25rem 0 0;
}

#product-attribute {
	background: #e8e8ea;
}

#product-attribute .row {
	width: 90%;
	min-height: 4.52rem;
	margin: 0 auto;
	border-bottom: 1px solid #adadaf;
}

#index_wrap .stab-scroll {
	display: block;
	overflow-x: scroll;
	white-space: nowrap;
	vertical-align: top;
	text-align: left;
	position: relative;
	left: 0;
}

#index_wrap .filter-menu {
	overflow: hidden;
	margin: 0;
	width: 520px;
	/*width: 100%;*/
}

#index_wrap .filter-menu li:first-child {
	margin-left: 2.76rem;
	/*margin-left: 1.75rem;*/
}

#index_wrap .filter-menu .menu-item {
	width: 4.79rem;
	/*width: 12%;*/
	display: inline-block;
	font-size: 1.84rem;
	text-align: center;
	list-style: none;
	vertical-align: middle;
	margin: 0 2.65rem 0 0;
}

#product-attribute {
	background: #e8e8ea;
}

#product-attribute .row {
	width: 90%;
	min-height: 4.52rem;
	margin: 0 auto;
	border-bottom: 1px solid #adadaf;
}


/*产品推荐*/

#product-recommend {
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 0 0 0 3.52%;
}

#product-recommend .product {
	width: 44.81%;
	/*height: 18.95%;*/
	float: left;
	position: relative;
	margin: 0 3% 0 0;
}

#product-recommend .product img {
	width: 100%;
	/*height: 100%;*/
}


/*用户中心*/

#uc-header {
	width: 100%;
	height: 28.489%;
	position: relative;
	background: url(../../images/uc_center.jpg) no-repeat;
	background-size: 100% 100%;
}

#uc-header .uc-user-icon {
	width: 9.73rem;
	height: 9.73rem;
	position: relative;
	margin: auto;
	/*top: 3.98%;*/
	top: 10%;
	left: 0;
	right: 0;
	bottom: 0;
}

#uc-header .uc-user-icon img {
	width: 100%;
	height: auto;
	background: #000000;
	border: 1px solid #7b7b7b;
	border-radius: 50%;
}

#uc-header .nickname {
	width: 100%;
	height: 2.76rem;
	/*margin-top: 1.8%;*/
	margin-top: 6.8%;
}

#uc-header .nickname .col {
	font-size: 1.8rem;
	font-weight: bolder;
}

#uc-header .money .col {
	font-size: 1.38rem;
	line-height: 2.07rem;
	font-weight: bolder;
}

#uc-header .money .col span {
	color: #f6e500;
}

#uc-tabs-menu {
	position: relative;
	height: 5.52rem;
}

#uc-wrap .card {
	margin: 0;
	border-radius: 0;
	background: transparent;
	padding: 0 0 0 7.04%;
}

#uc-wrap .card a {
	font-weight: bolder;
}

#uc-wrap .card .item {
	color: #8e8e8e;
	background: transparent;
	border-color: #414141;
	height: 6.36rem;
	line-height: 6.36rem;
	font-size: 1.38rem;
}

#uc-wrap .list .card .iconfont {
	font-weight: 1rem;
}

#uc-wrap .card .item:first-child {
	border-radius: 0;
}


/*输入框提示颜色*/

.field-error {
	color: red;
	font-weight: 500;
}


/*================= review ==================*/


/*顶部按钮*/

.bar .button.button-icon .icon:before,
.bar .button.button-icon:before,
.bar .button.button-icon.icon-left:before,
.bar .button.button-icon.icon-right:before,
.bar button.button-icon .icon:before,
.bar button.button-icon:before,
.bar button.button-icon.icon-left:before,
.bar button.button-icon.icon-right:before {
	font-size: 2rem;
	font-weight: normal;
}


/*图文列表*/

.news-list {
	width: 100%;
	min-height: 10.80rem;
	/*margin: 0 0 3px 0;*/
	margin: 0 0 1rem 0;
	position: relative;
	overflow: hidden;
	border-left: none;
	border-right: none;
	background: url(../images/line_bg.jpg) repeat-x;
	background-size: 100% 100%;
}

.news-list .list-img-wrap {
	width: 28.88%;
	min-height: 10.80rem;
	float: left;
	position: relative;
}

.news-list .list-content-wrap {
	width: 71.12%;
	min-height: 12rem;
	/*padding: 1.23rem 1.03rem 0 0;*/
	float: left;
	position: relative;
	padding: 2.4% 2.4% 0 4.6%;
}

.news-list img {
	width: 100%;
	height: auto;
	/*position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 1rem;
	border: 1px solid #414141;
	padding: 1px;
	background: #000000;*/
}

.news-list h1,
.news-list h2 {
	width: 100%;
	color: #e6e6e6;
	font-size: 1.76rem;
	font-weight: bolder;
}

.news-list h1 {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.news-list h1.product {
	white-space: normal;
}

.news-list a {
	text-decoration: none;
}

.news-list p {
	width: 100%;
	/*height: 4.8rem;*/
	height: 4.25rem;
	padding: 2.4% 0 0 0;
	color: #aeaeae;
	/*font-size: 1.23rem;*/
	font-size: 1.46rem;
	line-height: 1.84rem;
	overflow: hidden;
	text-align: justify;
}

.news-list p.one-line {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.news-list .info {
	width: 100%;
	position: absolute;
	/*bottom: 0.68rem;*/
	/*bottom: 0.28rem;*/
	/*bottom: 1.35%;*/
	/*padding: 0 1.03rem 0 0;*/
	/*padding: 0 2.4% 0 5.6%;*/	
    /*padding: 0 4.4% 0 8%;*/	
	color: #716f6f;
	bottom: 0.5rem;
}
.news-list .info .col-84{
	font-size: 1rem;
}
.news-list .info.product {
	bottom: 1.28rem;
	padding: 0 17.4% 0 0;
}

.news-list .info.product .col-25 {
	color: #606060;
	font-size: 1.46rem;
}

.news-list .info.product .blue {
	background: #00479d;
	border-radius: 2px;
	color: #FFFFFF;
	margin: 0 1rem 0 0;
	font-size: 1.46rem;
	font-weight: 500;
}

.news-list .info.product .red {
	background: #e60012;
	border-radius: 2px;
	color: #FFFFFF;
	margin: 0 1rem 0 0;
	font-size: 1.46rem;
	font-weight: 500;
}

.icon-dianjiliang {
	color: #6F6F6F;
	font-size: 1.5rem;
}

/*.news-list .dianjiliang .col-84 {
	color: #6F6F6F;
	font-size: 1.23rem;
}*/

.news-list .type-name {
	color: #aeaeae;
	font-size: 1.23rem;
	border: 1px solid #5b5b5b;
	border-radius: 4px;
	line-height: 1.75rem;
}

.news-list .type-name .iconfont {
	font-size: 1.15rem;
}

.news-list .button {
	font-size: 1.15rem;
	min-height: auto;
	line-height: 3.6rem;
	border-width: 2px;
}

.news-list .button.active {
	border-color: #f6e400;
}


/*文章内容*/

.article-title h1 {
	width: 100%;
	/*height: 2.6rem;*/
	/*line-height: 2.7rem;*/
	font-size: 2.60rem;
	font-weight: bolder;
	color: #FFFFFF;
	border-left: 0.50rem solid #f6e400;
	margin: 2.38rem 0 0 0;
	padding: 0 2.91rem 0 1.03rem;
	text-align: justify;
	overflow: hidden;
}

.article-title h2 {
	width: 100%;
	/*font-size: 2.15rem;*/
	font-size: 1.85rem;
	line-height: 2.15rem;
	color: #FFFFFF;
	margin: 0.76rem 0 2.38rem 0;
	padding: 0 2.91rem 0 1.53rem;
}

.article-content {
	padding: 0 1.23rem;
}

.article-content h1 {
	width: 100%;
	margin: 4.90rem 0 1.23rem 0;
	color: #FFFFFF;
	font-size: 2.29rem;
	font-weight: bolder;
	text-align: center;
	text-align: justify;
}

.article-content h2 {
	width: 100%;
	color: #c3c3c3;
	font-size: 1.99rem;
	font-weight: bolder;
	text-align: justify;
	margin: 0 0 1rem 0;
}

.article-content p {
	margin: 0 0 2.21rem 0;
	padding: 0;
	font-size: 1.76rem;
	color: #d5d4d4;
	line-height: 2.76rem;
	text-align: justify;
	text-indent: 0;

}
.article-content p:last-child{
	text-align: initial;
}
.article-content img {
	width: 100%;
	height: auto;
}

.article-info {
	margin: 0 0 1.92rem 0;
	padding: 0 1.23rem;
	color: #848484;
}

.article p {
	padding: 0 1.23rem;
	font-size: 1.76rem;
	color: #d5d4d4;
	line-height: 2.76rem;
}

.article p:last-child {
	margin: 0 0 3.06rem 0;
}

.title-short-line {
	width: 100%;
	height: 1.61rem;
	position: relative;
	margin: 3.7566666634rem 0 1.15rem 0;
}

.title-short-line h1 {
	padding: 0 0 0 1.38rem;
	border-left: 0.5rem solid #f6e400;
	line-height: 1.61rem;
	font-size: 1.61rem;
	font-weight: bolder;
	color: #e8e8ea;
}

.title-short-line hr {
	width: 57%;
	height: 1px;
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: none;
	/*
		border-top: 1px solid #000000;
		box-shadow: 0 0 1px 0 #373838;
	*/
	background: url(../../images/title-short-line.png) no-repeat;
	background-size: 100% 100%;
}

.title-long-line {}


/*视频列表*/

.img-list {
	/*background: #2e2e2e;*/
}

.img-list a {
	text-decoration: none;
	display: block;
	background: #2E2E2E;
}

.img-list img {
	width: 100%;
	height: auto;
}

.img-list h1 {
	width: 100%;
	height: 2rem;
	line-height: 2rem;
	font-size: 1.76rem;
	font-weight: bolder;
	color: #FFFFFF;
	border-left: 0.50rem solid #f6e400;
	margin: 1rem 0 0 0;
	/*margin: 2.38rem 0 0 0;*/
	padding: 0 2.91rem 0 1.03rem;
	/*text-align: justify;*/
	overflow: hidden;
}
.img-list h1.video {
	margin: 0rem 0 1rem 0;
}
.img-list h2 {
	width: 100%;
	/*font-size: 2.15rem;*/
	font-size: 1.38rem;
	line-height: 2.15rem;
	color: #838383;
	margin: 0.76rem 0 0.15rem 0;
	padding: 0 2.91rem 0 1.53rem;
	text-align: justify;
}
.img-list h2.video{
	margin: 2.29rem 0 1rem 0;
}
.img-list p {
	width: 100%;
	height: 4.8rem;
	padding: 1.30rem 0 0 0;
	color: #BCBABA;
	/*font-size: 1.23rem;*/
	font-size: 1.45rem;
	line-height: 1.84rem;
	overflow: hidden;
	text-align: justify;
}
.img-list .info {
	color: #848484;
	margin: 0 0 1.92rem 0;
	padding: 0 1.23rem 0.42rem 1.23rem;
	/*border-bottom: 1px solid #404040;*/
	font-size: 1.23rem;
}
.img-list .info.video{
	padding: 0 1.23rem 0 1.23rem;
	margin: 0;
	border: none;
}
.img-list .info .col-80{
	font-size: 1rem;
}
.img-list .type-name{
    color: #aeaeae;
    font-size: 1.23rem;
    border: 1px solid #5b5b5b;
    border-radius: 4px;
    line-height: 1.75rem;	
}

.video-bg{
	background: #2E2E2E;
	padding: 1rem 0 1rem 0;	
}
/*商品列表*/
#index-list .list {
	top: 9.6rem;
}

/*登陆、注册*/
	#login {
		width: 100%;
		height: 100%;
		background: url(../../images/login-bg.jpg) no-repeat;
		background-size: 100% 100%;
	}
	
	#login .bar-header {
		background: transparent;
	}
	
	#login ion-content {
		width: 100%;
		height: 100%;
		background: transparent;
	}
	
	#login .scroll {
		width: 100%;
		height: 100%;
	}
	
	#login #login-form {
		width: 100%;
		height: 18.75%;
		position: absolute;
		margin: auto;
		top: 23.43%;
		left: 0;
		right: 0;
		padding: 0 4.25%;
	}
	
	#login button {
		background: #f6e400;
		font-weight: bolder;
		font-size: 1.84rem;
		height: 4.2rem;
	}
	
	#login .parent-user {
		padding: 1.5rem 1.6rem 1.15rem 1.6rem;
		background-color: #e8e8ea;
		border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
	}
	
	#login .user {
		background-color: #e8e8ea;
		border-width: 0px 0px 1px 0px;
		padding: 1rem 0 0.8rem 0;
	}
	
	#login .password {
		background-color: #e8e8ea;
		border-width: 0px 0px 0px 0px;
		padding: 1rem 0 0.8rem 0;
	}
	
	#login .item {
		border-color: #494949;
	}
	
	#login input[type="text"],
	#login input[type="password"] {
		color: #757575;
		/*font-size: 1.76rem;*/
		/*line-height: 2.5rem;*/
		padding-left: 0.5rem;
		height: 3.2rem;
		line-height: 3.2rem;
		font-size: 1.65rem;
	}
	
	#login .left-buttons .iconfont{
		color: #bcbbbc;
		font-size: 1.76rem;
	}
	#login .buttons-left .iconfont {
		color: #bcbbbc;
		font-size: 1.76rem;
	}
	
	#login .button.button-block,
	.button.button-full {
		margin: 1.38rem 0 0 0;
	}
	
	#login-wrap {
		height: 4.52rem;
		position: relative;
	}
	
	#login-weixin {
		width: 25%;
		text-align: center;
		color: #5e5e5e;
		display: block;
		position: absolute;
		margin: auto;
		top: 0;
		left: -42%;
		right: 0;
		bottom: 0;
	}
	
	#login-qq {
		width: 25%;
		text-align: center;
		color: #5e5e5e;
		display: block;
		position: absolute;
		margin: auto;
		top: 0;
		left: 42%;
		right: 0;
		bottom: 0;
	}
	
	#login-wrap .iconfont {
		font-size: 3rem;
	}
	
	#login-wrap p {
		font-size: 1.25rem;
		margin: 0.69rem 0 0 0;
	}
	
	#register .logo{
		margin-top: 10rem;
	}
	.xieyv{
		margin-top: 2rem;
		text-align: center;
		color: #686868;
		word-spacing:8px; 
		font-size: 1.25rem;
	}
	/*.has-tabs, .bar-footer.has-tabs {
    		bottom: -5.519999rem;
	}*/
	.xieyv a{
		color: #b7b6b6;
		text-decoration: none;
		padding-left: 3px;
		padding-right: 3px;
	}
	 #register{
		padding:3% 3% ;
		color: #d5d5d5;
		font-weight: 900;
		background: url(../../images/login-bg.jpg) no-repeat;
		background-size: 100% 100%;
	}
	#register ion-content{
		background: transparent;
	}
	 #register .pane{
	}
	 #register .scroll {
	 	width: 100%;
	 	height: 100%;
	}
	#register .user{
		/*height: 4.5rem;*/
		padding: 1rem 0;
		background-color: #e8e8ea;
		border-width: 0px 0px 1px 0px;
	}
	#register .password{
		/*height: 4.5rem;*/
		padding: 1rem 0;
		background-color: #e8e8ea;
		border-width: 1px 0px 0px 0px;
	}
	#register .sb{
		border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
		background: url(../../images/index_bar.png) repeat-x;
		font-weight: 900;
	}
	#register .bar-header {
		background:transparent;
	}
	#register .parent-user{
		padding: 0rem 1.6rem 0 1.6rem;
		background-color: #e8e8ea;
		border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
	}
	#register .item{
		border-color: #494949;
	}	
	#register .bar .title {
		font-weight: 900;
	}
	#register form{
		position: absolute;
		margin: auto;
		top: 23.43%;
		left: 0;
		right: 0;
		padding: 0 4.25%;
	}
	#register input[type="text"] , #register  input[type="password"]{
		color: #757575;
		font-size: 1.65rem;
		height: 3.2rem;
		line-height: 3.2rem;
		padding-left: 1.4rem;
	}
	#register .button.button-block, .button.button-full{
		margin: 1.38rem 0 0 0;
		font-weight: bolder;
		font-size: 1.84rem;
		height: 4.2rem;
	}

	
